<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="../jquery.mobile-1.4.5/jquery.mobile-1.4.5.css"/>
    <link rel="stylesheet/less" href="../css/fund.less">
    <title></title>

    <link rel="stylesheet" href="../bootstrap-3.3.5-dist/css/bootstrap.css"/>
    <link rel="stylesheet" href="../bootstrap-3.3.5-dist/css/bootstrap-theme.css"/>
    <!--并非注释     他是在html里面的编程语句方式:意思是   如果版本低于ie9我就引入下面这个js文件-->
    <!--[if lt ie9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<!-- 发现页面--->
<div data-role="page" id="find-page">
    <!-- 选电影的头部-->
    <div data-role="header" data-position="fixed">
        <div  class="choice-hs">
            <div><a href="#"><img src="../images/左.png" style="width:68px; height:60px;" ></a></div>
            <div><a href="#"><img src="../images/定位.png" style="width:68px; height:60px;"></a></div>
            <div> <a href="#">成都</a></div>
            <div><a href="#"><img src="../images/下拉.png" style="width:68px; height:60px;"></a></div>
        </div>
    </div>
    <div data-role="main" class="ui-content myfind">
        <div class="jumbotron">
            <div class="carousel slide" id="mycarousel" data-interval="3000" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#mycarousel" class="active" data-slide-to="0"></li>
                    <li data-target="#mycarousel" data-slide-to="1"></li>
                    <li data-target="#mycarousel" data-slide-to="2"></li>
                </ol>
                <!--轮播的主体内容-->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="../images/find1.jpg" alt="1"/>
                        <div class="carousel-caption"></div>
                    </div>
                    <div class="item">
                        <img src="../images/find2.jpg"  alt="1"/>
                        <div class="carousel-caption"></div>
                    </div>
                    <div class="item">
                        <img src="../images/find3.jpg"  alt="1"/>
                        <div class="carousel-caption"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="find">
            <div class="find1-img">
                <img src="../images/mars2.png" style="width: 100%; height: 100%">
            </div>
            <div class="find1-text">
                <h5>峨影1958四周年庆 8元看《火星救援》</h5>
                <p>&nbsp;&nbsp;峨影1958电影城，四周年，有心遇见你---8元观影享不停！</p>
                <a href="#choice-movie">查看详情》</a>
            </div>
        </div>
        <div class="find">
            <div class="find1-img">
                <img src="../images/坑蒙拐骗2.png" style="width: 100%; height: 100%">
            </div>
            <div class="find1-text">
                <h5>电影名上的"坑蒙拐骗"看完我选择狗带</h5>
                <p>&nbsp;&nbsp;一部电影在影院上映前初略来讲要走下面几个步骤：筹备-拍摄-后期-发行-宣传-上映</p>
                <a href="#choice-movie">查看详情》</a>
            </div>
        </div>
        <div class="find">
            <div class="find1-img">
                <img src="../images/初暖人心.png" style="width: 100%; height: 100%">
            </div>
            <div class="find1-text">
                <h5>初暖人心观影15元起</h5>
                <p>&nbsp;&nbsp;转眼间就已经立冬了，朋友们可要来暖暖心了</p>
                <a href="#choice-movie">查看详情》</a>
            </div>
        </div>
        <div class="find">
            <div class="find1-img">
                <img src="../images/师父.png" style="width: 100%; height: 100%">
            </div>
            <div class="find1-text">
                <h5>《师父》12.14廖凡、宋佳成都见面会</h5>
                <p>&nbsp;&nbsp;晒出你的《师父》见面会场次座位坐标，并上传场次截图，看看有没有有缘人做你旁边呀...</p>
                <a href="#choice-movie">查看详情》</a>
            </div>
        </div>
    </div>

    <div data-role="footer" data-position="fixed">
        <div class="bottom">
            <div class="bot1">
                <img src="../images/比价.png" style="width: 30px;height: 30px">
                <p>比价</p>
            </div>
            <div class="bot1">
                <img src="../images/预告.png" style="width: 30px;height: 30px">
                <p>预告</p>
            </div>
            <div class="bot1">
                <img src="../images/发现.png" style="width: 30px;height: 30px">
                <p>发现</p>
            </div>
        </div>

    </div>
</div>

<!-----活动详情页面-------->
<div data-role="page" id="choice-movie">
    <!-- 选电影的头部-->
    <div data-role="header" data-position="fixed">
        <div class="choice-header">
            <div><a href="#find-page"><</a></div>
            <div> <a href="#">活动详情</a></div>
        </div>
    </div>

    <!-- 选电影的主要的内容-->
    <div data-role="main" class="ui-content">
        <div class="movie_into">
            <img src="../images/Mars.png">
        </div>
        <div class="mov">
            <div class="movie_into-text">
                <h3>峨影4周年庆活动规则：</h3>
                <ol>
                    <li>22月25日至12月13日，购买峨影1958影城的普通厅所有2/3D电影票仅8元/张。</li>
                    <li>数量有限，每周限量2000张，抢完即止，共6000张。</li>
                    <li>每个格瓦拉账户、ID、客户端、支付方式，仅限购买两笔订单，每笔订单1-2张电影票。</li>
                    <li>特效厅除外。</li>
                </ol>
            </div>
        </div>
        <div class="mov text2">
            <div class="movie_into-text ">
                <h3>购票通道：</h3>
                <p>本活动仅限手机端参与</p>
                <h3>本周佳片有约：</h3>
            </div>
        </div>

        <div class="movie">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <img src="../images/火星救援.png">
                </div>
                <div class="ui-block-b">
                    <p><span>片名：</span><span>火星救援</span></p>
                    <p><span>上映日期：</span><span>11.25</span></p>
                    <p><span>片长：</span><span>144分钟</span></p>
                    <p><span>类型：</span><span>剧情 / 科幻 / 冒险</span></p>
                    <p><span>导演：</span><span>雷德利·斯科特</span></p>
                    <p><span>主演：</span><span>马特·达蒙 / 杰西 卡·查斯坦 / 克里斯汀·韦格</span></p>
                </div>

            </div>
        </div>
        <div class="movie">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <p><span>片名：</span><span>坏蛋必须死</span></p>
                    <p><span>上映日期：</span><span>11.27</span></p>
                    <p><span>片长：</span><span>104分钟</span></p>
                    <p><span>类型：</span><span>喜剧 / 动作 / 悬疑 / 犯罪</span></p>
                    <p><span>导演：</span><span>孙皓</span></p>
                    <p><span>主演：</span><span>陈柏霖 / 孙艺珍 / 乔振宇 / 申贤俊</span></p>
                </div>
                <div class="ui-block-b">
                    <img src="../images/坏蛋必须死.png">
                </div>
            </div>
        </div>
        <div class="movie">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <img src="../images/少女时代.png">
                </div>
                <div class="ui-block-b">
                    <p><span>片名：</span><span>我的少女时代</span></p>
                    <p><span>上映日期：</span><span>11.19</span></p>
                    <p><span>片长：</span><span>134分钟</span></p>
                    <p><span>类型：</span><span>喜剧 / 爱情</span></p>
                    <p><span>导演：</span><span>陈玉珊</span></p>
                    <p><span>主演：</span><span>宋云华 / 王大陆 / 李玉玺</span></p>
                </div>
            </div>
        </div>

        <div class="movie">
            <div class="ui-grid-a">
                <div class="ui-block-a">
                    <p><span>片名：</span><span>饥饿游戏3 嘲笑鸟（下）</span></p>
                    <p><span>上映日期：</span><span>11.20</span></p>
                    <p><span>片长：</span><span>136分钟</span></p>
                    <p><span>类型：</span><span>动作 / 科幻 / 冒险</span></p>
                    <p><span>导演：</span><span>费朗西斯·劳伦斯</span></p>
                    <p><span>主演：</span><span>詹妮弗·劳斯/ 乔什·哈切森 / 利亚姆·海</span></p>
                </div>
                <div class="ui-block-b">
                    <img src="../images/饥饿游戏.png">
                </div>
            </div>
        </div>
    </div>
</div>





<script src="../bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
<script src="../bootstrap-3.3.5-dist/js/bootstrap.js"></script>
<script src="../js/jquery-1.11.2.js"></script>
<script src="../jquery.mobile-1.4.5/jquery.mobile-1.4.5.js"></script>
<script src="../js/less.js"></script>
</body>
</html>